iT邦幫忙

DAY 13
0

Flash掰掰!? 不想放棄的囧MD系列 第 13

Css動畫Animation的介紹(五) - Flash(13)

  • 分享至 

  • xImage
  •  

今天為了看陰屍路第五季~~結果搞到現在才開始準備ㄚㄚㄚ~!!!!!(大叫)

所以...今天就來介紹一下好用的 animation 網站吧~(偷懶)

Animate.css 超好用 css 動畫產生網站

這個網站的特色,就是已經幫你建好許多的動作模組了~

想要用的人只要將他的 css 加入自己的 web 裡面就可以直接使用,

網站上還可以有下拉選單看看動畫的預覽效果唷~

  1. 首先先點按下方的 Download Animate.css 來下載模組的 css
  2. 接著在自己的網站中加入 Link
  3. 這樣我們就可以拿網站中的 dom 來測試了,假設我們以這個 h2 來說吧~
  4. 幫 h2 加上 class="animated bounce"
  5. 發佈一下~就會發現到 h2 跳了一下,就是這麼簡單

所以當我們想要變換其他動畫效果的話,只要把該物件加上 class="animated 你要的效果"這樣就可以了

當然~想要重複的話,在 class 多加上"infinite"就可以嘍,

另外,網站的下拉選單可以預覽動畫效果,出方便的~

以上~有興趣的人可以嘗試看看嘿~~(收工~繼續看我的陰屍路啦!!XDD)


上一篇
Css動畫Animation的介紹(四) - Flash(12)
下一篇
骨架動畫簡單介紹 - Flash(14)
系列文
Flash掰掰!? 不想放棄的囧MD30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言